
.simple-silder1{
  display: flex;
  flex-direction: row;

  .simple-silder1-right-line{
    width: 14px;
    .simple-silder1-right-line-warpper{
      display: inline-block;
      position: absolute;
      top: 40%;
      width: 14px;
      height: 50px;
      background: #6e6e6e;
      overflow: hidden;
      .anticon{
       padding-top: 15px;
      }
    }

  }

  .simple-silder1-container1{
    overflow: hidden;
    width: 0;
  }


  .simple-silder1-container{
    transition: width .35s ease-out;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 10;
    width: 180px;
    background:rgba(16,46,81,1);

    .item-select{
      width:180px;
      height:54px;
      border-bottom: 1px solid #6e6e6e;
    }
    .silder1-title{
      width:100%;
      height:54px;
      text-align: left;
      line-height: 55px;
      padding-left: 19px;
      span{
        font-size: 16px !important;
      }
    }

    .silder1-item{
      width:180px;
      height:52px;
      text-align:left;
      line-height: 52px;
    }

    .ant-menu {
      background:rgba(16,46,81,1) !important;
      width:180px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      .item-font-color-3 {
        color: #fff;
      }


      .ant-menu-item {
        display: flex;
        align-items: center;
        font-size: 10px;
        padding: 0 19px !important;
        margin: 0 !important;
        height: 44px;

        &.ant-menu-item-selected{
          background:#15273d;
        }

        &:hover {
          background: #234165;
        }
      }
    }

    span{
      font-size:14px;
      font-weight:normal;
      color:rgba(255,255,255,1);
      line-height:58px;
    }
  }
}

